Liquid Glass - iPad app Menu bar 選單欄(指南)
選單欄一直是 macOS 的一部分,而 iPad 上的選單欄也繼承了它的許多核心理念。在 iPad 上,你可以把指標移到螢幕頂部邊緣來喚出選單欄。你也可以用手指向下滑動來開啟選單欄。
每個選單欄都會包含應用選單(App Menu),接著是系統預設提供的選單項,以及應用自定義的選單項。每個 iPad 應用都會擁有自己的選單欄。
Tips for designing a great menu bar 選單欄設計要點
/image.png)
Organize your menu items. & organize your menu items. 組織你的選單專案,內容整理清楚
以“郵件”應用中的“資訊”選單(Message menu)為例:
要將所有與該選單名稱相關的操作都填入選單中。
- 後按使用頻率排序,而不是按字母順序。同時,將相關的操作分組,並用分隔來組織它們。
- 如果選單內容太長,可以將次要操作移入子選單中。
- 給每個功能配上圖示,最好和你 app 里長得一樣。
- 為最常用的操作分配鍵盤快捷鍵。
這樣你就擁有了一個結構清晰的自定義選單,既提供了具體功能,也建立了使用者可以記住的“心理地圖”,幫助他們更好地理解你的應用。
Populate the 'view' menu 填充"檢視"選單
“檢視”選單是系統預設提供的選單之一。如果你的應用是透過標籤頁來組織的,那就可以把這些標籤新增到檢視選單中。將標籤頁作為選單項加入,併為它們分配快捷鍵,加快在標籤之間的切換速度。
你也可以加個“顯示/隱藏導航”的按鈕。像“顯示側邊欄”這種功能,就很適合放進選單。加入側邊欄切換按鈕,讓使用者可以快速顯隱導航欄,提升控制感。
Avoid hiding menus and menu items 避免隱藏選單和選單項
因為使用者在使用應用的過程中,使用場景總是在變化。當某項操作可用時,它應完全顯示;當不可用時,它應變為半透明或灰色。不建議隱藏選單項,因為這會讓使用者感到混亂、不確定。如果選單內容總是變化,使用者每次開啟都得重新掃一遍,因為他們無法依靠“位置記憶”來快速找到所需操作。
根據上下文,選單中所有項都可能暫時不可用。即使如此,也不要把整個選單隱藏起來。如果選單會時不時消失,使用者就無法預測選單欄的行為,使用體驗會大打折扣。請確保選單及其內容始終保持穩定一致,幫助使用者形成可靠的操作預期。